// fetch('http://chst.vip:1234/api/getcategorytitle')

var list = document.querySelector('ul')
// console.log(list);
$.ajax({
    url: 'http://chst.vip:1234/api/getcategorytitle',
    dataType: 'json',
    success: function (res) {
        var data = res.result

        console.log(data);
        let html = ''
        data.forEach(item => {
            html += `
                <li class="oneself">
                    <h4 >
                     
                     <span>${item.title}</span>
                     <i><img src="./../assets/imges/下标.png" alt=""></i>
                     
                     </h4>
                     <div  class="navAll">
                     <div titleid=${item.titleId} class="tit"> 

                     </div>
                  
                  </div>
                     </li>
                    
                        `
        })
        list.innerHTML = html

        list.onmousemove = function (e) {

            if (e.target.localName === 'h4') {
                // let oneself = e.target.parentNode
                // console.log(this);
                let _this = e.target.nextElementSibling.firstElementChild;

                // console.log(_this)

                //获取当前li标签的productid

                let id = _this.getAttribute('titleid')

                fetch('http://chst.vip:1234/api/getcategory?titleid=' + id)
                    //location.href = 'pages/detail.html?productid=' + id
                    .then(body => body.json())
                    .then(res => {

                        // console.log(res);
                        let data = res.result
                        console.log(data);
                        let html1 = ""
                        data.forEach(item => {
                            html1 += `
                    <div categoryid=${item.categoryId} titleid=${item.titleId}>
                        <a href="bjssDetail.html?categoryid=${item.categoryId}&titleid=${item.titleId}">
                            ${item.category}
                        </a>
                    </div>
        
                    `
                        })

                        _this.innerHTML = html1
                    })
            }
        }
    }
})


$('.list').on('click', 'li', function () {
    // console.log($(this))
    //获取当前的开关状态 如果是true 说明自己已经展开了 要收起来
    let flag = $(this).find('.navAll').prop('flag')
    if (flag) {
        // console.log(123123)
        $(this).find('.navAll').slideUp(200).prop('flag', false)
        return
    }

    $(this).find('.navAll').slideDown(200).prop('flag', true).parent().siblings().find('.navAll').slideUp(200).prop('flag', false)
})



// http://chst.vip:1234/api/getcategory?titleid=0


//详情网址
//http://chst.vip:1234/api/getcategorybyid

